@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* :root{
	--nav-bg: #3F8F5D;
}

.dark-mode:root{
	--nav-bg: #2e4328;
} */


nav{
		background-color: #1d4921;
        transition: all 0.6s ease-in-out;
	}

#imgnav{
	max-height: 7vh;
}

.offcanvas-header{
    background-color: #1d4921;
    transition: all 0.6s ease-in-out;
    text-align: center;
    color: #98803F !important;
}

.offcanvas-header h3{
    color: #98803F;
}

.offcanvas-body{
    background-color: #1d4921;
    transition: all 0.6s ease-in-out;
    
}

.offcanvas-body a, i{
    color: #98803F !important;
}

.nav-item a, label{
    margin-left: 2vh;
    text-decoration: none;
    height: 3vh;
    font-family: 'Roboto', sans-serif;
}

.nav-item i{
    margin-left: 0.5vh;
}